<template>
<h1>El组件-轮播图(走马灯)</h1>
<el-carousel style="width: 380px; margin:0 auto;">
  <el-carousel-item><img src="imgs/carousel1.jpg" style="width: 100%;"></el-carousel-item>
  <el-carousel-item><img src="imgs/carousel2.jpg" style="width: 100%;"></el-carousel-item>
  <el-carousel-item><img src="imgs/carousel3.jpg" style="width: 100%;"></el-carousel-item>
  <el-carousel-item><img src="imgs/carousel4.jpg" style="width: 100%;"></el-carousel-item>
</el-carousel>

  <el-carousel style="width: 380px; margin:0 auto;" trigger="click">
    <el-carousel-item><img src="imgs/carousel1.jpg" style="width: 100%;"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel2.jpg" style="width: 100%;"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel3.jpg" style="width: 100%;"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel4.jpg" style="width: 100%;"></el-carousel-item>
  </el-carousel>

  <el-carousel style="width: 900px; margin:0 auto;" type="card" >
    <el-carousel-item><img src="imgs/carousel1.jpg" style="width: 100%;"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel2.jpg" style="width: 100%;"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel3.jpg" style="width: 100%;"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel4.jpg" style="width: 100%;"></el-carousel-item>
  </el-carousel>

</template>

<script setup>

</script>


<style scoped>

</style>